Cross Origin Resource Sharing

What is CORS

• https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Ways to workaround in localhost

• if you control the backend, enable CORS on the BE server and add CORS header in API call.
  • backend: allow API calls from this domain (localhost) to make an API call
  • frontend: on API request add some headers:

{
                'Content-Type': 'application/json',
                'X-API-Key': 'secret',
                //'Access-Control-Allow-Origin': '*',
}

• if using third party, add localhost as part of allowed domains or subdomains.

Tech/Tools to use

• For simple front-end only: NPX http-server
  • npx http-server --proxy http://localhost:8080\? ./out
  • this creates a http-server that proxies to your local ./out folder and creates an endpoint localhost:8080
• NGORK - recommended approach
  • Create a publicly accessible domain that is running on your localhost